$(document).ready(function () {
    //默认第一页
    getShop(1);
    // 选自套餐方法
    $(".time").blur(function () {
        if ($(this).val() == "请选择租用时长") {
            $(".shour").show();
            $(".hb").hide();
            $(".hb1").hide();
            $(".hb2").hide();
            $(".zmoney").text(0);
            $(".hour").val(null);
        } else if ($(this).val() == "时租") {
            $(".hb").hide();
            $(".hb1").hide();
            $(".hb3").hide();
            $(".hb2").hide();
            $(".shour").show();
            $(".hour").val(1);
            zm(0);
        } else {
            $(".hb").hide();
            $(".hb1").hide();
            $(".hb2").hide();
            $(".shour").hide();
            $(".hour").val(24);
            zm(1);
        }
    });
    $(".hour").blur(function () {
        var reg = /^\+?[1-9][0-9]*$/;
        if (reg.test($(this).val())) {
            $(".hb").hide();
            if ($(this).val() > 24) {
                $(".hb1").show();
                $(".zmoney").text(0);
                return;
            } else {
                $(".hb1").hide();
            }
            if ($(this).val() == 24) {
                $(".hb2").show();
            } else {
                $(".hb2").hide();
                if ($(this).val() <= 0) {
                    $(".hb").show();
                } else {
                    zm(0);
                    $(".hb").hide();
                }
            }
        } else {
            $(".hb").show();
            $(".zmoney").text(0);
        }
    });
});

// 收藏账号方法
function sc() {
    var shopId = $(".id").val();
    var uName = $(".la").text();
    if (uName == "请登录") {
        window.location.href = "/tj/alert";
        return;
    }
    $.post("/dev/UserCenterSelect", null, function (data) {
        var json2 = {
        	"userId" : data.id,
        	"shopId":shopId
        };
        $.ajax({
            url: "/dev/UserCenterscShop",
            data: json2,
            dataType: "json",
            type: "post",
            success: function (data) {
                var tttxt = null;
                if (data == -10 || data <= 0) {
                    tttxt = "收藏失败，可能已收藏，请自行查看！";
                } else {
                    tttxt = "收藏成功！";
                }
                $(".zttxt").text(tttxt);
                $(".alert4").show();
            },
            error: function (error) {
                alert(error);
            }

        });
    });
}
// 		$.post("/dev/UserCenterscShop",json2, function(data) {
// 			var tttxt = null;
// 			if (data==-10||data<=0) {
// 				tttxt="收藏失败，可能已收藏，请自行查看！";
// 			}else{
// 				tttxt="收藏成功！";
// 			}
// 			$(".zttxt").text(tttxt);
// 			$(".alert4").show();
// 		});
// },"json");


// 立即租用方法
    function ljzy() {
        var id = $(".id").val();
        var uName = $(".la").text();
        var zmoney = $(".zmoney").text();
        if (uName == "请登录") {
            window.location.href = "/tj/alert";
            return;
        }
        if (zmoney == 0) {
            $(".alert1").show();
            return;
        } else {
            var json = {
                "uName": uName,
                "zmoney": zmoney
            }
            $.post("/dev/checkMoney",json, function (data) {
                if (data == false) {
                    $(".alert").show();
                } else {
                    $(".alert2").show();
                }
            });
        }
    }

// 最后一关
    function qr1() {
        var id = $(".id").val();
        var uName = $(".la").text();
        var zmoney = $(".zmoney").text();
        var hour = $("#shiChang").val()
        var json = {
            "uName": uName,
            "zmoney": zmoney,
            "hour": hour
        }
        $.post("/dev/checkMoney", json, function (data) {
            if (data == false) {
                $(".alert").show();
            } else {
                var id = $(".id").val();
                var uName = $(".la").text();
                var zmoney = $(".zmoney").text();
                var json1 = {
                    "uName": uName,
                    "gold": Math.floor(data * 100) / 100
                }
                $.post("/dev/updataAddMoney", json1, function (data) {
                    if (data == true) {
                        var json2 = {
                            "id": id,
                            "status": 1,
                            "uName": uName
                        }
                        $.post("/dev/updataStatus", json2, function (data1) {
                            var number = data1.number;
                            var pwd = data1.pwd;
                            $(".num").val(number);
                            $(".pwd").val(pwd);
                            $(".alert3").show();
                        }, "json");
                    }
                });
            }
        });
    }

    function qx1() {
        $(".alert2").hide();
    }

    function alert4qd() {
        $(".alert4").hide();
    }

// 跳转
    function qqdd() {
        window.location.href = "/tj/index";
    }

    function qd() {
        window.location.href = "/tj/userCenter";
    }

    function qx() {
        $(".alert").hide();
    }

    function qqd() {
        $(".alert1").hide();
    }

    function index() {
        window.location.href = "/tj/index";
    }

    function select() {
        window.location.href = "/tj/toselect";
    }

    function jm() {
        window.location.href = "/tj/jm";
    }

    function vip() {
        window.location.href = "/tj/vip";
    }

// 算总金额方法
    function zm(t) {
        var zmoney = $(".hour").val() * $(".daymoney").text();
        if (t == 1) {
            zmoney = zmoney * 0.85;
            zmoney = zmoney.toFixed(2);
            $(".zmoney").text(zmoney);
        } else {
            zmoney = zmoney.toFixed(2);
            $(".zmoney").text(zmoney);
        }
    }

// 查找商品方法
function getShop(pageNumberH) {
    //获取当前页
    /*var pageNumberH=$("#pageNumber").val();*/

    $.post("/dev/ShowServlet",{pageNumber:pageNumberH}, function(data) {

        var comments= data.commentPages.resultList;
        //若用户没上传图片,给他默认
        var imgSrc= "/statics/img/default.png"
        //先清空
        $("#comments").text("");
        //遍历评论
        for (let i = 0; i < comments.length; i++) {
            //判断是否有图片
            if (typeof (comments[i].userB.pic)!="undefined"){
                imgSrc=comments[i].userB.pic;
            }
            var comment = '<div style="border-bottom:solid 1px rgb(245,245,245)" >'+
                '<img style="border: 1px black solid;margin-top:30px;border-radius:50%" src="'+imgSrc+'" width="90px;">'+
                '<span>'+comments[i].userB.uName+'</span>&nbsp;&nbsp;&nbsp;'+
                '<span style="color: grey">'+comments[i].createDate+'</span>'+
                '<br/><br/>'+
                '<span>&nbsp;&nbsp;&nbsp;'+comments[i].desc+'</span>'+
                '<br/><br/>'+
                '</div>';

            $("#comments").append(comment);
        }
        //循环遍历分页
        var commentPages= data.commentPages;

        /*var prevPage = '<li class="previous disabled" ><a href="JavaScript:getShop('+commentPages.pageNumber-1+')" >&laquo;</a></li>';
        $(".pagination").html(prevPage);*/
        //先清空
        $(".pagination").text("");
        if (commentPages.pageCount>0){
            //上一页按钮(有评论的时候)
            var prevPage = '<li class="previous" ><a href="JavaScript:getShop('+(commentPages.pageNumber-1)+')" >&laquo;</a></li>';
            if (commentPages.pageNumber==1){
                prevPage='<li class="previous disabled" ><a href="JavaScript:void(0)" >&laquo;</a></li>';
            }
        }

        $(".pagination").html(prevPage);
        for (let i = 1; i <= commentPages.pageTotal; i++) {
            var page = '<li><a href="JavaScript:getShop('+i+')" >'+i+'</a></li>'
            //为当前加上样式和不绑定查询方法
            if (i==commentPages.pageNumber){

                page='<li class="active"><a href="JavaScript:void(0)" >'+i+'</a></li>'
            }
            $(".pagination").append(page);
        }
        //下一页按钮(有评论的时候)
        if (commentPages.pageCount>0){
            var nextPage = '<li class="next" ><a href="JavaScript:getShop('+(commentPages.pageNumber+1)+')" >&raquo;</a></li>';
            if (commentPages.pageNumber==commentPages.pageTotal){
                nextPage='<li class="next disabled" ><a href="JavaScript:void(0)" >&raquo;</a></li>';
            }
        }


        $(".pagination").append(nextPage);
        //评论的总条数
        $("#pageCount").text(commentPages.pageCount);


        var id = data.id;
        var name = data.name;
        var money = data.money;
        var leixing = data.leixing;
        var title = data.title;
        var number = data.number;
        var pwd = data.pwd;
        var ms = data.ms;
        var pName = data.pName;
        $(".gameName").text(name);
        $(".name").text("[" + name + "]");
        $(".title").text(title);
        $(".leixing").text("类型：" + leixing);
        $(".pName").text(pName);
        if (ms!=null||ms!="") {
            $(".ms").text(ms);
        }
        // 以下是图片
        if (name == "穿越火线") {
            src = "cfjt.jpg";
        } else if (name == "英雄联盟") {
            src = "loljt.jpg";
        } else if (name == "绝地求生") {
            src = "jdqsjt.jpg"
        } else if (name == "逆战") {
            src = "nzjt.jpg";
        } else if (name == "QQ飞车") {
            src = "qqfcjt.jpg";
        } else if (name == "反恐精英") {
            src = "csjt.jpg";
        } else if (name == "GTA5") {
            src = "gta5jt.jpg";
        } else if (name == "王者荣耀") {
            src = "wzryjt.jpg";
        } else if (name == "火影忍者") {
            src = "hyrzjt.jpg";
        } else if (name == "穿越火线手游") {
            src = "cfsyjt.jpg";
        } else if (name == "QQ飞车手游") {
            src = "qqfcsyjt.jpg";
        } else if (name == "和平精英") {
            src = "hpjyjt.jpg";
        } else if (name == "球球大作战") {
            src = "qqdzzjt.jpg";
        }
        $(".jtimg").attr("src","/statics/image/"+src);
        $(".daymoney").text(money);
        $(".id").val(id);
    }, "json");
}